<template>
    <div>
        <el-container class="middleContainer">
            <el-aside>
                <div class="asidediv1" style="padding-left: 40px; padding-top: 25px">
                    <div style="padding-top: 20px;">
                        <a class="wjxui-btn create-btn" title="创建新问卷" @click="$router.push({name: 'Edit', params: {id: 0}})">
                            <i class="index_iconfont">+</i>
                            <span>创建问卷</span>
                        </a>
                    </div>
                    <ul class="surveyNav" style="padding-top: 40px">
                        <li>
                            <a href="/index/2/0" class="folderbtn">
                                <i class="el-icon-folder" style="margin: 0 12px 0 22px; padding-left: 30px"></i>
                                <span>全部问卷</span>
                            </a>
                        </li>
                        <el-divider></el-divider>
                        <li>
                            <a href="/index/1/0" class="folderbtn">
                                <i class="el-icon-document"
                                   style="margin: 0 12px 0 22px; padding-left: 30px"></i>
                                <span>发布的问卷</span>
                            </a>
                        </li>
                        <el-divider></el-divider>
                        <li>
                            <a href="/index/0/0" class="folderbtn">
                                <i class="el-icon-tickets"
                                   style="margin: 0 12px 0 22px; padding-left: 30px"></i>
                                <span>未发布的问卷</span>
                            </a>
                        </li>
                        <el-divider></el-divider>
                        <li>
                            <a href="/index/0/1" class="folderbtn">
                                <i class="el-icon-delete" style="margin: 0 12px 0 22px; padding-left: 30px"></i>
                                <span>回收站</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </el-aside>

            <div class="maindiv">
                <el-main>
                    <div style="padding-left: 90px; padding-top: 15px; width: 1070px">
                        <div>
                            <div class="fl">
                                <h2 style="font-size: 22px">问卷列表</h2>
                            </div>
                            <div class="fr">
                                <el-input
                                        placeholder="请输入搜索内容"
                                        prefix-icon="el-icon-search"
                                        :style="width=100">
                                </el-input>
                            </div>
<!--                            <div class="spinner-list fs14 fr" style="padding: 10px 0; margin-right: 16px;">
                                <div>
                                    <span class="status-cur vam">状态</span>
                                    <i class="index_iconfont" style="color: #888"></i>
                                </div>
                            </div>
                            <div class="sort-status spinner-list fs14 fr"
                                 style="padding: 10px 0; margin-right: 16px;">
                                <div>
                                    <span class="status-cur vam">时间倒序</span>
                                    <i class="el-icon-d-caret" style="color: #888"></i>
                                </div>
                                <div>

                                </div>
                            </div>-->
                        </div>
                        <div style="padding-top: 65px">
                            <router-view></router-view>
                        </div>
                    </div>
                </el-main>
            </div>
        </el-container>
    </div>
</template>

<script>
    import "@/assets/css/main.css";
    export default {
        name: "Test3",

    }
</script>

<style scoped lang="scss">

    .el-divider--horizontal{
        width: 220px;
        margin: 4px 20px;
        border-top: 1px #c5c7c9;
    }
</style>
